<script setup lang="ts">
defineProps({
  title: {
    type: String,
  },
  subTitle: {
    type: String,
  },
})
</script>

<template>
  <div class="box">
    <header>
      <h1>
        {{ title }}<small>{{ subTitle }}</small>
      </h1>
    </header>

    <slot></slot>
  </div>
</template>

<style lang="scss" scoped>
.box {
  width: 1100px;
  margin: 20px auto;
  h1 {
    font-weight: 400;
    margin-bottom: 20px;
    small {
      margin-left: 10px;
      font-size: 20px;
      font-weight: 100;
    }
  }
}
</style>
